<template>
    <f-switch v-model="swit" active-text="开" inactive-text="关" active-text-color="red"
        inactive-text-color="#409eff"></f-switch>
    <br>
    <f-switch v-model="swit" active-text="开开开开开开开开开" inactive-text="关关关关"></f-switch>
    <br>
    <f-switch v-model="swit"></f-switch>
    <br>
    <f-switch v-model="swit" type="square" switch-width="100" switch-size="40px"></f-switch>
    <br>
    <f-switch v-model="swit" type="square" switch-width="20" switch-size="10px"></f-switch>
    <br>
    <f-switch v-model="swit" switch-width="60" switch-size="30" active-color="#13CE66"
        inactive-color="#FF4949"></f-switch>
    <br>
    <f-switch v-model="swit" switch-width="60" switch-size="30" switch-color="#13CE66"></f-switch>
    <f-switch v-model="swit" switch-width="60" switch-size="30" switch-color="#000"></f-switch>
    <br>
    <f-switch v-model="swit" activeTextColor="#FF4949" inactiveTextColor="#13CE66" active-text="开"
        inactive-text="关"></f-switch>
</template>

<script setup lang="ts">
import { ref } from "vue";

const swit = ref(false)

</script>

<style scoped></style>